<!DOCTYPE HTML>
<?PHP
require ("config.php");
?>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>¿Qué hacemos hoy?</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>  
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>  
        <script src="js/jquery.min.js"></script>
        <script src="js/jquery.dropotron.min.js"></script>
        <script src="js/jquery.scrolly.min.js"></script>
        <script src="js/jquery.onvisible.min.js"></script>
        <script src="js/skel.min.js"></script>
        <script src="js/skel-layers.min.js"></script>
        <script src="js/init.js"></script>
        <script src="js/prefixfree.min.js"></script>
        
        <script src="js/js_creaEmpresa.js" type="text/javascript"></script>
        
        <noscript>
        <link rel="stylesheet" href="css/skel.css" />
        <link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="css/style-desktop.css" />
        <link rel="stylesheet" href="css/style-noscript.css" />
        <link rel="stylesheet" href="css/eventos.css" />

        </noscript>

        <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
    </head>
    <body class="homepage">
        <!-- Header -->
        <div id="header" style="padding: 10% 0!important;">

            <!-- Nav -->    
            <nav id="nav">
                <ul>
                    <li><a href="index.php">Inicio</a></li>
                    <li>
                        <a href="categorias.php">Categorias</a>
                        
                    </li>
                    <li><a href="eventos.php">Buscar Evento</a></li>
                    <li><a href="#">Empresas</a>                          
                        <ul>
                            <li><a href="creaEmpresa.php">Registro Empresa</a></li>
                            <li><a href="creaEvento.php">Crear Evento</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="">Iniciar Sesi&oacute;n &hellip;</a>
                        <ul>
                            <li><a href="login3.php">Empresas</a></li>
                            <li><a href="login3.php">Usuarios</a></li>

                        </ul>
                    </li>

                </ul>
            </nav>

            <div class="wrapper" style="padding: 0; width: 980px; margin: auto; border-radius: 8px; background: transparent; font-weight: 500;">

                <header>
                    <h1><a id="logo">Registro de Empresa/Servicio</a></h1>
                    <hr />
                </header>

                <div style="width: 100%; padding: 1%; overflow: hidden;">
                    <div style="overflow: hidden;">
                        <div style="float: left;">
                            <h3 style="color:white; font-weight: 700; font-size: 30px;">Datos de la Empresa</h3><br>
                            <p style="text-align: right;"> 
                                <label for="nomEven" class="labelEventos">Nombre:</label>
                                <input type="text" id="nomEven"/>
                            </p>
                            <p style="text-align: right;"> 
                                <label for="lugarL" class="labelEventos">Ubicac&iacute;on: </label>
                                <select id="lugarL" class="selectEventos">
                                    <option value="0" label="Seleccione"></option>
                                    <option value="1" label="San José"></option>
                                    <option value="2" label="Alajuela"></option>
                                    <option value="3" label="Cartago"></option>
                                    <option value="4" label="Heredia"></option>
                                    <option value="5" label="Guanacaste"></option>
                                    <option value="6" label="Puntarenas"></option>
                                    <option value="7" label="Limón"></option>
                                </select>
                            </p>
                            <p style="text-align: right;"> 
                                <label for="textDesc" class="labelEventos">Descripci&oacute;n:</label>
                                <textarea style="vertical-align: middle;" id="textDesc" rows="2" cols="40"></textarea>
                            </p>
                            <p style="text-align: right;"> 
                                <label for="textDirec" class="labelEventos">Direcci&oacute;n:</label>
                                <textarea style="vertical-align: middle;" id="textDirec" rows="2" cols="40"></textarea>
                            </p>                            
                        </div>
                        <div style="float: right;">
                            <h3 style="color:white; font-weight: 700; font-size: 30px;">Datos del Contacto</h3><br>
                            <p style="text-align: right;"> 
                                <label for="nomCont" class="labelEventos">Nombre: </label>
                                <input type="text" id="nomCont"/>
                            </p>
                            <p style="text-align: right;"> 
                                <label for="telCont" class="labelEventos">Tel&eacute;fono: </label>
                                <input type="text" id="telCont"/>
                            </p>
                            <p style="text-align: right;"> 
                                <label for="emailCont" class="labelEventos">Email: </label>
                                <input type="text" id="emailCont"/>
                            </p>  
                            <p style="text-align: right;"> 
                                <label for="contra" class="labelEventos">Contraseña: </label>
                                <input type="text" id="contra" placeholder="Cree una Contraseña"/>
                            </p>  
                        </div>
                    </div>
                    <br><br><br><br><br><br>
                    <div style="overflow: hidden;">
                        <p style="text-align: center;"> 
                            <input type="button" onclick="registrandoEmpresa()" value="Crear" class="buttonBuscar"/> 
                        </p>
                    </div>
                </div>
            </div>

        </div>
        <!-- Main -->

        <!-- Features -->

        <!-- Footer -->
        <div id="footer">
            <div class="container">
                <div class="row">

                </div>
            </div>
        </div>

    </body>
</html>